<script setup lang="js">
   defineProps({
     title:{
       type:String
     },
     subTitle:{
       type:String
     }
   })
</script>

<template>
   <div  class=" home-panel">
     <div class="container">
       <div class="head">
        <!--           主标题和副标题-->
         <h3>{{title}}<small>{{subTitle}}</small></h3>
       </div>

<!--       主题内容-->
       <slot/>
     </div>
   </div>
</template>

<style scoped lang="scss">
    .home-panel{
      background-color:#fff;
      .head{
        padding:40px 0;
        display:flex;
        align-items: flex-end;
        h3{
          flex:1;
          font-size:32px;
          font-weight:normal;
          margin-left:6px;
           small{
             font-size:16px;
             color:#999;
             margin-left:20px;
           }
        }
      }
    }

</style>
